<template>
    <vab-query-form>
        <el-form ref="formSearch" v-model="value" @submit.native.prevent :inline="inline2" :label-width="null"
            v-bind="$props" v-on="$listeners">
            <slot name="SysStoreIDBefore"></slot>
            <slot name="SysStoreID">
                <el-form-item v-if="user.isAdminStore || user.isMainStore">
                    <remoteselect v-model="value.SysStoreID" url="api/System/SysStoreListSelect"
                        value-label="SysStoreName" value-key="SysStoreID" query-key="selectIDName"
                        :placeholder="replaceID(keyLan['SysStoreID'])" style="width:150px;">
                        <template v-slot="{ row }">
                            {{ row.SysStoreName }}
                        </template>
                    </remoteselect>
                </el-form-item>
            </slot>
            <slot name="SysStoreIDAfter"></slot>
            <slot name="EnumSysCustomerTypeBefore"></slot>
            <slot name="EnumSysCustomerType">
                <el-form-item>
                    <el-select v-model="value.EnumSysCustomerType" clearable style="width:120px;"
                        :placeholder="keyLan['EnumSysCustomerType']">
                        <el-option v-for="item in EnumSysCustomerType" :key="item.Value" :value="item.Value"
                            :label="enumLanTxt(item.Label)">
                        </el-option>
                    </el-select>
                </el-form-item>
            </slot>
            <slot name="EnumSysCustomerTypeAfter"></slot>
            <slot name="SysCustomerNameBefore"></slot>
            <slot name="SysCustomerName">
                <el-form-item>
                    <el-input v-model="value.SysCustomerName__PY" :placeholder="keyLan['SysCustomerName']"
                        @keyup.native.enter="getListParent" style="width:120px">
                    </el-input>
                </el-form-item>
            </slot>
            <slot name="SysCustomerNameAfter"></slot>
            <slot name="PhoneBefore"></slot>
            <slot name="Phone">
                <el-form-item>
                    <el-input v-model="value.Phone" :placeholder="keyLan['Phone']" @keyup.native.enter="getListParent"
                        style="width:120px">
                    </el-input>
                </el-form-item>
            </slot>
            <slot name="PhoneAfter"></slot>
            <slot name="BirthDayBefore"></slot>
            <slot name="BirthDay">
                <el-form-item :label="keyLan['BirthDay'] + ':'">
                    <el-date-picker v-model="value.BirthDay" type="daterange" :placeholder="keyLan['BirthDay']"
                        style="width:230px">
                    </el-date-picker>
                </el-form-item>
            </slot>
            <slot name="BirthDayAfter"></slot>
            <slot name="EnumStatusBefore"></slot>
            <slot name="EnumStatus">
                <el-form-item>
                    <el-select v-model="value.EnumStatus" clearable style="width:120px;"
                        :placeholder="keyLan['EnumStatus']">
                        <el-option v-for="item in EnumStatus" :key="item.Value" :value="item.Value"
                            :label="enumLanTxt(item.Label)">
                        </el-option>
                    </el-select>
                </el-form-item>
            </slot>
            <slot name="EnumStatusAfter"></slot>
            <slot name="IsDemoBefore"></slot>
            <slot name="IsDemo">
                <el-form-item>
                    <el-select v-model="value.IsDemo" clearable style="width:120px;" :placeholder="keyLan['IsDemo']">
                        <el-option v-for="item in IsDemoIsYes" :key="item.Value" :value="item.Value"
                            :label="enumLanTxt(item.Label)">
                        </el-option>
                    </el-select>
                </el-form-item>
            </slot>
            <slot name="IsDemoAfter"></slot>
            <slot name="CreateSysEmployeeIDBefore"></slot>
            <slot name="CreateSysEmployeeID">
                <el-form-item>
                    <remoteselect v-model="value.CreateSysEmployeeID" url="api/System/SysEmployeeListSelect"
                        value-label="SysEmployeeName" value-key="SysEmployeeID" query-key="selectIDName"
                        :placeholder="replaceID(keyLan['CreateSysEmployeeID'])" style="width:150px;">
                        <template v-slot="{ row }">
                            {{ row.SysEmployeeName }}
                        </template>
                    </remoteselect>
                </el-form-item>
            </slot>
            <slot name="CreateSysEmployeeIDAfter"></slot>
            <slot name="CreateDateBefore"></slot>
            <slot name="CreateDate">
                <el-form-item :label="keyLan['CreateDate'] + ':'">
                    <el-date-picker v-model="value.CreateDate" type="daterange" :placeholder="keyLan['CreateDate']"
                        style="width:230px">
                    </el-date-picker>
                </el-form-item>
            </slot>
            <slot name="CreateDateAfter"></slot>
            <slot name="SysEmployeeIDBefore"></slot>
            <slot name="SysEmployeeID">
                <el-form-item>
                    <remoteselect v-model="value.SysEmployeeID" url="api/System/SysEmployeeListSelect"
                        value-label="SysEmployeeName" value-key="SysEmployeeID" query-key="selectIDName"
                        :placeholder="replaceID(keyLan['SysEmployeeID'])" style="width:150px;">
                        <template v-slot="{ row }">
                            {{ row.SysEmployeeName }}
                        </template>
                    </remoteselect>
                </el-form-item>
            </slot>
            <slot name="SysEmployeeIDAfter"></slot>
            <slot name="EnumSysCustomerSourceBefore"></slot>
            <slot name="EnumSysCustomerSource">
                <el-form-item>
                    <el-select v-model="value.EnumSysCustomerSource" clearable style="width:120px;"
                        :placeholder="keyLan['EnumSysCustomerSource']">
                        <el-option v-for="item in EnumSysCustomerSource" :key="item.Value" :value="item.Value"
                            :label="enumLanTxt(item.Label)">
                        </el-option>
                    </el-select>
                </el-form-item>
            </slot>
            <slot name="EnumSysCustomerSourceAfter"></slot>
            <slot name="EnumSysCustomerIntentionBefore"></slot>
            <slot name="EnumSysCustomerIntention">
                <el-form-item>
                    <el-select v-model="value.EnumSysCustomerIntention" clearable style="width:120px;"
                        :placeholder="keyLan['EnumSysCustomerIntention']">
                        <el-option v-for="item in EnumSysCustomerIntention" :key="item.Value" :value="item.Value"
                            :label="enumLanTxt(item.Label)">
                        </el-option>
                    </el-select>
                </el-form-item>
            </slot>
            <slot name="EnumSysCustomerIntentionAfter"></slot>
            <slot name="CertSearch03JsonBefore"></slot>
            <slot name="CertSearch03Json">
                <el-form-item>
                    <el-input v-model="value.CertSearch03Json" :placeholder="keyLan['CertSearch03Json']"
                        @keyup.native.enter="getListParent" style="width:120px">
                    </el-input>
                </el-form-item>
            </slot>
            <slot name="CertSearch03JsonAfter"></slot>
            <slot name="CertSearch02JsonBefore"></slot>
            <slot name="CertSearch02Json">
                <el-form-item>
                    <el-input v-model="value.CertSearch02Json" :placeholder="keyLan['CertSearch02Json']"
                        @keyup.native.enter="getListParent" style="width:120px">
                    </el-input>
                </el-form-item>
            </slot>
            <slot name="CertSearch02JsonAfter"></slot>
            <slot name="CertSearchUpdateTimeBefore"></slot>
            <slot name="CertSearchUpdateTime">
                <el-form-item :label="keyLan['CertSearchUpdateTime'] + ':'">
                    <el-date-picker v-model="value.CertSearchUpdateTime" type="daterange"
                        :placeholder="keyLan['CertSearchUpdateTime']" style="width:230px">
                    </el-date-picker>
                </el-form-item>
            </slot>
            <slot name="CertSearchUpdateTimeAfter"></slot>
            <slot name="ReferrerIDBefore"></slot>
            <slot name="ReferrerID">
                <el-form-item>
                    <remoteselect v-model="value.ReferrerID" url="api/Referrer/ListSelect" value-label="Name"
                        value-key="ReferrerID" query-key="selectIDName" :placeholder="replaceID(keyLan['ReferrerID'])"
                        style="width:150px;">
                        <template v-slot="{ row }">
                            {{ row.Name }}
                        </template>
                    </remoteselect>
                </el-form-item>
            </slot>
            <slot name="ReferrerIDAfter"></slot>
            <slot name="EnumGenderBefore"></slot>
            <slot name="EnumGender">
                <el-form-item>
                    <el-select v-model="value.EnumGender" clearable style="width:120px;"
                        :placeholder="keyLan['EnumGender']">
                        <el-option v-for="item in EnumGender" :key="item.Value" :value="item.Value"
                            :label="enumLanTxt(item.Label)">
                        </el-option>
                    </el-select>
                </el-form-item>
            </slot>
            <slot name="EnumGenderAfter"></slot>
            <slot name="AddressBefore"></slot>
            <slot name="Address">
                <el-form-item>
                    <el-input v-model="value.Address" :placeholder="keyLan['Address']"
                        @keyup.native.enter="getListParent" style="width:120px">
                    </el-input>
                </el-form-item>
            </slot>
            <slot name="AddressAfter"></slot>
            <slot name="CompanyBefore"></slot>
            <slot name="Company">
                <el-form-item>
                    <el-input v-model="value.Company" :placeholder="keyLan['Company']"
                        @keyup.native.enter="getListParent" style="width:120px">
                    </el-input>
                </el-form-item>
            </slot>
            <slot name="CompanyAfter"></slot>
            <slot name="QualificationBefore"></slot>
            <slot name="Qualification">
                <el-form-item>
                    <el-select v-model="value.Qualification" clearable style="width:120px;"
                        :placeholder="keyLan['Qualification']">
                        <el-option v-for="item in Qualification" :key="item.Value" :value="item.Value"
                            :label="enumLanTxt(item.Label)">
                        </el-option>
                    </el-select>
                </el-form-item>
            </slot>
            <slot name="QualificationAfter"></slot>

            <el-form-item>
                <el-button icon="el-icon-search" type="primary" @click="getListParent" :loading="$parent.loading">
                    {{ comLan["btnSearch"] }}
                </el-button>
                <slot name="replace">
                    <slot name="btnAdd">
                        <el-button icon="el-icon-plus" type="primary" @click="btnAddParent" v-if="buttonParent.新建">
                            {{ comLan["btnAdd"] }}
                        </el-button>
                    </slot>
                    <slot name="btnExport">
                        <el-button icon="el-icon-download" type="primary" @click="btnExportParent"
                            v-if="buttonParent.导出">
                            {{ comLan["btnExport"] }}
                        </el-button>
                    </slot>
                    <slot></slot>
                </slot>
            </el-form-item>
        </el-form>
    </vab-query-form>
</template>

<script>
import common from "@/common/common.js";
import js from "@/Partial/SysCustomer/js.js";
export default {
    name: "SysCustomerListSearch",
    mixins: [common.baseVM, js]
}
</script>